<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">

</head>
<body>
<div th:replace="~{header::myheader}">
</div>
<table class="table">
    <thead>
    <tr>
        <th scope="col">id</th>
        <th scope="col">名字</th>
        <th scope="col">邮箱</th>
        <th scope="col">年龄</th>
        <th scope="col">状态</th>
    </tr>
    </thead>
    <tbody>
    <tr th:each="person,stats : ${list}">
        <th scope="row" th:text="${person.id}">1</th>
        <td th:text="${person.username}">Mark</td>
        <td>[[${person.email}]]</td>
        <td>[[${person.age}]]</td>
        <td>
            index:[[${stats.index}]]
            count:[[${stats.count}]]
            size(数量):[[${stats.size}]]
            current(当前对象):[[${stats.current}]]
            even(true)/odd(false):[[${stats.even}]]
            first:[[${stats.first}]]
            last:[[${stats.last}]]
        </td>
    </tr>

    </tbody>
</table>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
</body>
</html>